<%-- 
    Document   : index2
    Created on : 02/12/2013, 21:15:39
    Author     : DIOGO
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <title>Locadora Passatempo - Fazendo o seu tempo valer a pena.</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width">
        <meta name="viewport" content="width=device-width">

        <link rel="stylesheet" href="css/bootstrap.min.css">
        <link rel="stylesheet" href="css/bootstrap-theme.min.css">
        <link rel="stylesheet" href="css/main.css">
        <link rel="stylesheet" href="css/janela_preenchimento.css">
        <link rel="stylesheet" href="css/janela_preechimento.css" type="text/css"/>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>
    <body class="body">
        <!--[if lt IE 7]>
            <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
        <![endif]-->
        <header>
            <div class="topo boxShadowUp">
		<canvas id="myCanvas"> 
		    Your browser does not support the HTML5 canvas tag.
		</canvas>
            </div>
        </header>
        <section class="container">
            <section class="header">
                <article class="home_img">
		    <figure>            
                    <a href="#"><img class="two-third imgMove" src="img/img1.png"></a>
                    </figure>             
                </article>
                <article class="text_home">
		    <header>
			<h3>Locadora Passatempo</h3>
		    </header>
		    <p>Você tem variedades em filmes.Ação para os mais radicais,Aventura para os aventureiros e muita comédia animada para crianças</p>
                </article>
            </section>

            <section>
                <nav>
                    <div id="botao_locacao">
                        <button type="button" onclick="" class="btn btn-large ShadowDown"><a href="locacao.jsp">Realizar Locação</a></button>
                    </div>
                    <div id="botao_reservar">
                        <button type="button" class="btn btn-large ShadowDown"><a href="reserva.jsp">Realizar Reserva</a></button>
                    </div>
                </nav>
            </section>

	    <section>
		<video controls="autoplay" id="video">
                    <source src="img/Minions.mp4" type="video/mp4">
<!--                    <source src="img/300-_A_Ascens_o_de_um_Imp_rio_-_Trailer_Oficial_Le.ogg" type="video/ogg">-->
                </video>
	    </section>
	    <section class="text_home2">
		<header>
		    <h3>Novidades na Passatempo</h3>
		</header>
		<p>Em breve a Passatempo terá Jogos para PlayStation 3, Nintendo Wii entre outros.A novidade estará disponível a partir de Janeiro de 2014. A locação poderá ser feita via internet.</p>
	    </section>

	    <section class="text_home3">
		<div>
		<header>
		    <h3>Diversão Garantida</h3>
		</header>
		<p>São mais de Dez Mil Filmes e seriados disponiveis para deixar seu fim de semana mais divertido.</p>
		</div>
	    </section>
        </section>

        <footer class="footer">            
            <div id="footer_endereco">
                <h6>© 2013 Vídeo <strong>Locadora PassaTempo.</strong> Todos os direitos reservados.</h6>
            </div>                                                                            
        </footer>
    </body>
    <script type="text/javascript" src="js/canvas/filme.js"></script>
</html>
